﻿/* Vertical Table Display */

.El .VR 
{
	background: transparent url(../Images/vr.png) repeat-y left top;
	border-left: 1px solid #e8e8e8;
	float: left;
	clear: none;
	position: relative;
	overflow: visible;
}

.El .WC .VR 
{
	margin: 0;
}

.VR .Title,
.WC .VR .Title 
{
	background: transparent none;
	float: left;
	clear: both;
}

.VR .Title .Content ,
.WC .VR .Title .Content
{
	background: transparent none;
	border: 0;
	color: #369;
	padding: 0.4em 0 0.4em 0.5em;
}

.VR .SubTitle .Content,
.WC .VR .SubTitle .Content  
{
	border: 0;
	color: #555;
	font-size: 0.9em;
	margin-left: 0;
	padding: 0.2em 1em;
	text-transform: uppercase;	
}

.VR .Lf,
.VR .El 
{
	clear: both;
	width: 100%;
	overflow: visible;
	float: left;
}

.VR .Lb 
{
	margin: 0 0 0 -100%;
	position: relative;
	width: 90%;
}

.VR .In 
{
	margin-left: 0.5em;
	width: 85%;
}

.Title.VH 
{
	font-size: 1em;
	background: #f8f8f8 none;
	margin-bottom: 0;
}

.Title.VH .Content 
{
	color: #369;
	border-left: 0.2em solid #369;
	font-size: 1em;
}

.VR .ErrorLabel 
{
	text-align: left;
}


/* exception for children inside VR elements */

.VR .WC 
{
	margin-left: 0;
}


/* coloring error labels in VR view doesn't make sense */

.VR .ValidationError .Lb 
{
	color: #369;
}